<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<link rel="stylesheet" href="../../css/common.css" />
	</head>
	<body>
		
		<form onsubmit="return login();" action="td.html">
			<table>
				<tr>
					<td align="right">手机号码:</td>
					<td><input type="text" name="phone" value="13926583118" /></td>
				</tr>
				<tr>
					<td align="right">密码:</td>
					<td><input type="text" name="password" /></td>
				</tr>
				<tr>
					<td colspan="2" align="center">
						<input type="submit" value="注册" />
					</td>
				</tr>
			</table>
		</form>
		
		<script>
			
			function login(){
				//getElementsByName 通过name属性去找标签
				var phone = document.getElementsByName('phone')[0].value;
				//alert(phone);
				
				var length = phone.length;
				
				//手机号码： 验证是否是11位  没有验证数字的问题： 下午正则表达式
				if(length != 11){
					alert('你输入的手机号码有误，请重新输入!');
					
					// 验证不通过。不提交表单
					return false;
				}
				
				//密码： 6<=pw<=16
				var password = document.getElementsByName('password')[0].value;
				//alert(phone);
				
				var len = password.length;
				if(len<6 || len>16){
					alert('你输入的密码长度不正确!');
					
					// 验证不通过。不提交表单
					return false;
				}
			}
			
		</script>
	</body>
</html>
